caption{
font-family: Arial, sans-serif;
font-size: 14px;
font-weight: bolder;
color: #fff;
}
.rarity1{
	color: #FF8000;
}
.rarity2{
	color: #A335EE;
}
.rarity3{
	color: #0070DD;
}
.rarity4{
	color: #1EFF00;
}
.rarity5{
	color: #FFFF64;
}
.rarityBg1{
	/*background-color: #FF8000;*/
	background-color: #ffa64c;
}
.rarityBg2{
	/*background-color: #A335EE;*/
	background-color: #be71f3;
}
.rarityBg3{
	/*background-color: #0070DD;*/
	background-color: #4c9ae7;
}
.rarityBg4{
	/*background-color: #1EFF00;*/
	background-color: #61ff4c;
}
.rarityBg5{
	/*background-color: #FFFF64;*/
	background-color: #ffff92;
}
.toRight{
	text-align: right;    
}
.cntr{
	text-align: center;    
}
.leftBorder{
	border-left: 1px solid #2d6987;    
}
#mess {
	/*left: 200px;
	top: 50px;*/
	font-size: 12px;
	color: rgb(203, 230, 228);
	position: absolute;
	background-color: #0b282a;
    border: 1px solid #5F5636;
    border-radius: 5px;
    padding: 5px;
	visibility: hidden;
}
.iconSmall{
	width: 24px;
	height: 24px;
}
.iconMicro{
	width: 13px;
	height: 13px;
}
.bbImage{
	max-width: 700px;
}
.heroTip{
	width: 300px;
}
.heroTip .imageContainer{
	float: left;
	width: 180px;
}
.heroTip .statsContainer{
	float: left;
	width: 120px;
}
.chapterTitle{
	width: 745px;
}
.chapters{
	
	
}
.guide{
/*	background-color: #ccc;
	padding: 10px;*/
}
table.talentTable{
	/*border: solid 1px #000;*/
}
table.talentTable td{
	border: solid 1px #000;
	width: 70px;
	height: 70px;
	text-align: center;
}
.my-custom-tooltip{
	font-size: 12px;
	color: rgb(203, 230, 228);
	background: #0b282a;
}
.my-custom-tooltip table{
	width: 300px;
}